﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="Presentacion.controlasistencia.index" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
   <style type="text/css">
       
   </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">
    <%--<div id="Div1" style="height:750px; width:1024px; align-items:center; background-repeat:no-repeat;background-position:center; position: fixed; background-image:url('img/CASYS3.png'); " class="img-responsive">--%>
    <div class="classname">   

    </div>
    <div id="contenedor" style="height:inherit; width:inherit; margin:auto;text-align:center;" class="img-responsive">
    <img src="img/CASYS3.png" id="imagen" style="width:auto;height:auto;margin:auto;vertical-align:middle;"/> 
    </div>
 
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript" >
        //PARA HACER PEQUE LA IMAGEN CON F
        function updateBackground() {
            screenWidth = $(window).width();
            screenHeight = $(window).height();
            var bg = jQuery("#imagen");

            // Proporcion horizontal/vertical. En este caso la imagen es cuadrada
            ratio = 1;

            if (screenWidth / screenHeight > ratio) {
                $(bg).height("auto");
                $(bg).width("75%");
            } else {
                $(bg).width("auto");
                $(bg).height("75%");
            }

            // Si a la imagen le sobra anchura, la centramos a mano
            if ($(bg).width() > 0) {
                $(bg).css('right', (screenWidth - $(bg).width()) / 2);
            }
        }
        $(document).ready(function () {
            // Actualizamos el fondo al cargar la pagina
            updateBackground();
            $(window).bind("resize", function () {
                // Y tambien cada vez que se redimensione el navegador
                updateBackground();
            });
        });
    </script>
</asp:Content>
